/*最大768px*/
@media (max-width: 768px){
    .hidden-l{display: none !important;}
    .hidden-g{display: block;}

    /*banner*/
    .banner{ margin-top: 0;}
    .main_title b{font-size: 20px;}
    .main_title span{font-size: 19px;}
    .main_title span:after, .main_title span:before{top: 12px;}

    .company .com_1{width: 100%;}
    .company .com_r{width: 100%;border-left: 0;padding:0 10%;margin-top: 5%; display:none}
    .company .com_1 b{font-size: 20px;}
    .company .com_1 p strong{font-size: 18px;}
    .company .com_1 p small{font-size: 12px;}
    .company .com_1 span{font-size: 14px;line-height: 25px;height: 100px;overflow: hidden;}
    .company .com_r p b{font-size: 37px;top: 7px;}
    .company .com_r p strong span{font-size: 16px;}
    .company .com_r p strong small{font-size: 12px;}
    .company .com_r .com_r_list{padding-bottom: 6%;}
    .company .com_r .com_r_list:nth-of-type(2) img{width: 130px;}

    .product .pro_title{float: none;}
    .product .pro_title b{font-size: 20px;}
    .product .pro_title span{font-size: 17px;}
    .product .pro-type{top:0;float: none;margin-bottom: 5%;}
    .product .pro-type a{width: 30%;line-height: 40px;height: 40px;overflow: hidden;margin-right: 10px;margin-left: 0;font-size: 12px;}
    .product .pro_list li div{height: 130px;}
    .product .pro_list li{width: 48%;}
    .product .pro_list2{padding: 15px;}
    .product .pro_list li p{line-height: 38px;height: 38px;}
    .product .pro_view a{width: 120px;line-height: 40px;font-size: 14px;}

    .news .news_title b{font-size: 20px;}
    .news .news_title a{width: 100px;line-height: 40px;}
    .news .new_left div{padding: 4%;}
    .news .new_left div small{height: 56px;overflow: hidden;line-height: 19px;}

    .news .new_left{width: 100%;float: none;overflow: hidden;margin-bottom: 3%;}
    .news .new_right{width: 100%;float: none;}
    .news .new_right div{display: none;}
    .news .new_right p{width: 100%;}

    .hezuo ul li{height: 55px;}
    .hezuo .pro_title{float: none;}
    .hezuo .pro_title b{font-size: 20px;}
    .hezuo .pro_title span{font-size: 17px;}


    .f_top{display: none;}
    footer .f_bottom{text-align: center;}

    /*com-title*/
    .com-title{padding: 25px 0;}
    .com-title h3{font-size: 25px;}
    .com-title span{margin: 10px auto;}
    .icompany .indexcoo{padding: 20px 0;}
    .icompany .indexcoo .list li{ width: 50%;margin-bottom: 11px;border-left: 0;}
    .icompany .indexcoo .list li .num small{font-size: 16px !important; top: -16px;}
    .icompany .indexcoo .list li .num p span{font-size: 25px;}

    /*.iding*/
    .iding{ height: 60px;background-size: 210%;}

    /*idea*/
    .idea{padding-bottom: 25px;}
    .idea .idea-wrap .idea-txt{ width: 100%;position: relative; top: 0;transform: translateY(0);-webkit-transform: translateY(0);}
    .idea .idea-wrap .idea-txt h3:after{margin: 26px 0 15px 0px;}
    .idea .com-title{padding: 30px 0;}

    /*sidebar*/
    #LeftNav{ width: 100%;}
    .divBox+.divBox{display: none;}
    #LeftNav h3{margin:10px 0;font-size: 16px;}
    #LeftNav .NavMenu li{ height: 40px; line-height: 40px;}
    #LeftNav .divBox{padding:10px;}
    #LeftNav .NavMenu ul{display: none;}

    #LeftNav .left_sb2 li{height: auto;line-height: inherit;}

    /*info_right*/
    .info_right{ width: 100%;padding: 10px;}
    .location h3{float: none;}
    .location div{float: none; margin-top: 5px;}

    /*news—info*/
    /*news*/
    .i_news .i_news_list li{ margin-bottom: 5%;}
    .i_news .i_news_list li img{display: none;}
    .i_news .i_news_list li div{ width: 100%;float: none;padding: 5% 6%;}
    .i_news .i_news_list li div strong{margin-top: inherit;top: inherit;bottom: 5%;}

    .n_left ._title{font-size: 22px;}
    .n_left{ width: 100%;}


    /*.main-title*/
    .main-title_i{margin: 30px 0 20px 0;}
    .main-title_i h3{font-size: 35px;}
    .main-title_i span{font-size: 20px;margin-top: -14px;}
    .main-title_i:after{ margin-top: 10px; height: 2px; width: 100px;}

    /*contact*/
    .page-header{font-size: 20px;}
    .info-message input{ width: 100%; line-height: 45px; height: 45px;float: none; margin-bottom: 15px;}
    .info-message textarea{ height: 150px; margin-top: 0;}
    .info-message button{ line-height: 35px; width: 150px;font-size: 16px;margin: 15px auto;}
    .h-contact-li{    padding: 10px 10px 10px 40px;}
    .h-contact-list ul{ padding: 5px;}
    .h-contact-li .ico{ top: 10px;}
    #allmap{ height: 250px;}

    .rigth_img_wrap{width: 100%;float: none;height: auto;}
    .rigth_img_txt{width: 100%;float: none;margin-top: 20px;}
    .p_con{display: none;}


    #info .icompany .container > span{ width: 100%;float: none;}
    #info .icompany .container > img{ display: none;}
    #info .iwen{padding-bottom: 25px;}
    #info .iwen .iwen-wrap ul{ width: 100%;}
    #info .iwen .iwen-wrap ul li{ width: 30%;margin-right: 0;}
    #info .iwen .iwen-wrap ul li p b{font-size: 16px;}
    #info .iwen .iwen-wrap ul li p span{font-size: 12px;}

    .pro_list_pro li{width: 46%;}
    .pro_list_pro li div{height: 140px;}

}

/*768px至992px*/
@media (min-width: 768px) and (max-width: 992px){
    .hidden-l{display: none !important;}
    .hidden-g{display: block;}
    /*banner*/
    .banner{ margin-top: 0;}
    .company .com_1 b{font-size: 28px;}
    .company .com_1 p strong{font-size: 20px;}
    .company .com_1 p small{font-size: 14px;}
    .company .com_1 span{font-size: 14px;line-height: 25px;height: 100px;overflow: hidden;}
    .company .com_r p b{font-size: 32px;top: 7px;}
    .company .com_r p strong span{font-size: 14px;}
    .company .com_r p strong small{font-size: 12px;}
    .company .com_r .com_r_list{padding-bottom: 6%;}
    .company .com_r .com_r_list:nth-of-type(2) img{width: 100px;}

    .product .pro_title b{font-size: 28px;}
    .product .pro_title span{font-size: 20px;}
    .product .pro-type{top: 17px;}
    .product .pro-type a{width: 128px;line-height: 45px;height: 45px;overflow: hidden;}
    .product .pro_list li div{height: 180px;}
    .product .pro_view a{width: 120px;line-height: 40px;}


    .news .new_left{width: 100%;float: none;overflow: hidden;margin-bottom: 3%;}
    .news .new_right{width: 100%;float: none;}

    .idea .idea-wrap .idea-txt span{line-height: 19px;}

    footer .f_top>.container>img{display: none;}

    /*icompany*/
    #info .icompany .container > span{ width: 100%;float: none;}
    #info .icompany .container > img{ display: none;}
    #info .iwen .iwen-wrap ul li p span{font-size: 12px;}
    .pro_list_pro li div{height: 140px;}
    .p_con{display: none;}
    .rigth_img_wrap{height: 242px;}

}

/*992px至1200pox*/
@media (min-width: 992px) and (max-width: 1200px){
    .hidden-l{display: block;}
    .hidden-g{display: none !important;}
    /*footer*/
    .company .com_1 b{font-size: 28px;}
    .company .com_1 p strong{font-size: 20px;}
    .company .com_1 p small{font-size: 14px;}
    .company .com_1 span{font-size: 14px;line-height: 25px;}
    .company .com_r p b{font-size: 46px;top: 8px;}
    .company .com_r .com_r_list{padding-bottom: 6%;}
    .company .com_r .com_r_list:nth-of-type(2) img{width: 180px;}

    .news .new_right div{width: 60px;}
    .news .new_left div{padding: 4% 20px;}
    .news .new_left div small{line-height: 20px;}
    .news .new_right p small{height: 40px;overflow: hidden;}

    .pro_list_pro li div{height: 190px;}
}


/*最小1200px*/
@media (min-width: 1200px)and (max-width: 1920px){
    .hidden-l{display: block;}
    .hidden-g{display: none !important;}
    .news .new_left div a{margin-top: 3px;}
    .news .new_right div i{font-size: 30px;}
    .pro_list_pro li div{height: 240px;}
}

/*最小1200px*/
@media (min-width: 1600px){
    .hidden-l{display: block;}
    .hidden-g{display: none !important;}
    .news .new_left div a{margin-top: 25%;}
    .news .new_right li:last-of-type{display: block;}
    .news .new_right div i{font-size: 25px;}

}